// 1、获取分类列表信息
function getCategoryList() {
    http.ajax({
        type: 'get',
        url: '/admin/category/list',
        success: (res) => {
            console.log(res);
            // 2、使用art-template渲染数据
            const renderResult = template('categoryTemplate', res)
            // 把渲染结果放到页面上
            $('tbody').html(renderResult);
        }
    })
}

// 2、删除分类
function delCategory(id) {
    http.ajax({
        type: 'post',
        url: '/admin/category/delete',
        data: { id }, // 注意，这里传递的是一个对象
        success: (res) => {
            console.log(res)
            if (res.code === 204) {
                // 重新获取分类
                getCategoryList();
            }
        }
    })
}
getCategoryList();

let catId;
// 显示编辑框
function showEditCategory(item) {
    $('.add_category_wraper.edit').show();
    // 把数据回显到编辑框
    $('#name').val(item.name);
    $('#slug').val(item.slug);
    catId = item.id;
}

// 隐藏编辑框
function hideEditCategory() {
    $('.add_category_wraper.edit').hide();
}

// 保存用户修改的内容
function saveEditCategory() {
    // 获取用户填写的数据
    const name = $('#name').val();
    const slug = $('#slug').val();
    const id = catId;
    http.ajax({
        type: 'post',
        url: '/admin/category/edit',
        data: { name, slug, id },
        success: (res) => {
            // 隐藏编辑框，刷新数据
            hideEditCategory();
            getCategoryList();
        }
    })
}

// 显示新增弹出框
function showAddCategory() {
    $('.add_category_wraper.new').show();
}

// 把新增的数据发送给服务器
function addCategory() {
    const name = $('#name_new').val();
    const slug = $('#slug_new').val();
    http.ajax({
        type: 'post',
        url: '/admin/category/add',
        data: { name, slug },
        success: (res) => {
            // 隐藏新增编辑框，刷新数据
            hideAddCategory();
            getCategoryList();
        }
    })
}

function hideAddCategory() {
    $('.add_category_wraper.new').hide();
}